<template>
	<view>
		<!-- 头部开始 -->
				<uni-nav-bar left-icon="left" leftText="返回" rightText="添加" title="家庭成员" 
				leftWidth='200rpx' rightWidth='200rpx'
				@clickLeft="$utils.ret(2)"
				@clickRight="$utils.go('/pages/Addinmate/Addinmate')" />	
		<!-- 头部结束 -->
		<!-- 内容开始 -->
		<view class="contentbox">
			<p>信息修改请与社区管理员联系</p>
			<view class="content">
				<view class="title">巩华新村1号楼2单元</view>
				<view class="box">
					<view class="item">
						<view class="left">姓名</view>
						<view class="right">张三</view>
					</view>
					<view class="item">
						<view class="left">性别</view>
						<view class="right">男</view>
					</view>
					<view class="item">
						<view class="left">电话</view>
						<view class="right">13522566761</view>
					</view>
					<view class="item">
						<view class="left">身份证号</view>
						<view class="right">121111111111111111</view>
					</view>
					<view class="item">
						<view class="left">住户类型</view>
						<view class="right">家属</view>
					</view>
				</view>
				<view class="date">
					<view class="item">
						<view class="left">2021-10-10 12:08</view>
						<view class="right blue">认证中</view>
					</view>
				</view>
			</view>
			<view class="content">
				<view class="title">巩华新村1号楼2单元</view>
				<view class="box">
					<view class="item">
						<view class="left">姓名</view>
						<view class="right">张三</view>
					</view>
					<view class="item">
						<view class="left">性别</view>
						<view class="right">男</view>
					</view>
					<view class="item">
						<view class="left">电话</view>
						<view class="right">13522566761</view>
					</view>
					<view class="item">
						<view class="left">身份证号</view>
						<view class="right">121111111111111111</view>
					</view>
					<view class="item">
						<view class="left">住户类型</view>
						<view class="right">家属</view>
					</view>
				</view>
				<view class="date">
					<view class="item">
						<view class="left">2021-10-10 12:08</view>
						<view class="right green">已认证</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 内容结束 -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
	page {
		background-color: #f0f0f0;
	}
// 头部开始
/deep/.uni-navbar__content{
	border: none;
}
// 头部结束

// 内容开始
.contentbox {
	p {
		font-size: 26rpx;
		color: #666666;
		height: 80rpx;
		line-height: 80rpx;
		margin-left: 38rpx;
	}
	.content {
		height: 501rpx;
		background-color: #ffffff;
		border-radius: 20rpx;
		margin: 0 10rpx;
		margin-bottom: 32rpx;
		.title {
			font-size: 29rpx;
			color: #333333;
			padding-left: 30rpx;
			height: 66rpx;
			border-bottom: 1rpx solid #f0f0f0;
			margin: 0 auto;
			line-height: 66rpx;
		}
		.box {
			padding-left: 30rpx;
			padding-right:  30rpx;
			height: 338rpx;
			border-bottom: 1rpx solid #f0f0f0;
			margin: 0 auto;
			.item {
				display: flex;
				justify-content: space-between;
				height: 65rpx;
				line-height: 65rpx;
				font-size: 28rpx;
			}
		}
		.date {
			padding-left: 30rpx;
			padding-right:  30rpx;
			height: 338rpx;
			margin: 0 auto;
			.item {
				display: flex;
				justify-content: space-between;
				height: 80rpx;
				line-height: 80rpx;
				font-size: 28rpx;
			}
		}
	}
}
// 内容结束
.blue {
	color: blue;
}
.green {
	color: #0dcc3a;
}
</style>
